<div class="al-modal-view">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()">
      <span aria-hidden="true" class="glyphicon glyphicon-remove"></span>
      <span class="sr-only">Close</span>
    </button>
    <h4 class="modal-title ok-color">{{modalTitle}}</h4>
  </div>
  <div class="modal-body">
      <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">公寓</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.apartmentName}}</div>
          </div>
          <label class="col-sm-2 control-label">房间号</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.houseNo}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">电费余额</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.powerBalance}}</div>
          </div>
          <label class="col-sm-2 control-label">水费余额</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.waterBalance}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">收款明目</label>
          <div class="col-sm-5">
            <nobr>
              <label class="ui-radio" ng-repeat="option in powerTypeList">
                <input name="type" ng-value="option.value" type="radio" ng-model="pay.type">
                <span>{{option.name}}</span>
              </label>
            </nobr>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">充值金额</label>
          <div class="col-sm-3">
            <input class="form-control" ng-model="pay.payMoney"
                   required type="number">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">付款方式</label>
          <div class="col-sm-5">
            <nobr>
              <label class="ui-radio" ng-repeat="option in offPayTypeList">
                <input name="payType" ng-value="option.value" type="radio" ng-model="pay.payType">
                <span>{{option.name}}</span>
              </label>
            </nobr>
          </div>
        </div>


        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">收款备注</label>
          <div class="col-sm-5">
            <textarea cols="3" class="form-control" ng-model="pay.moneyDesc"></textarea>
          </div>
        </div>
      </ng-form>
  </div>
  <div class="modal-footer">
    <button class="btn btn-warning no-border" type="button" ng-click="cancel()">取消</button>
    <button class="btn btn-primary no-border" type="button" data-ng-disabled="(pay.payMoney>0)==false || recharging"
            ng-confirm-click="{{'确认用户已通过'+(pay.payType|constantTransfer:offPayTypeList)+'支付了租金'+pay.payMoney+'元？'}}"
            ng-click="confirm()">确认收款</button>
  </div>
</div>